.my-masonry-grid {
  display: flex;
  margin-left: -10px; /* gutter size */
  width: auto;
}

.my-masonry-grid_column {
  padding-left: 15px; /* gutter size */
  background-clip: padding-box;
}
.container{
  width: 100%;
}
/* 日历 */
.calendar{
  width: 450px;
  height: 330px;
  background-color: antiquewhite;
}

/* tab.css */  
.container {  
  display: flex;  
  flex-direction: column;  
  width: 100%;  
}  
  
.calendar-container {  
  width: 33.333%; /* 占据三分之一宽度 */  
  /* 如果需要的话，添加更多样式来调整calendar的位置或样式 */  
}  
  
.masonry-container {  
  flex-grow: 1; /* 剩余空间都用于Masonry */  
  overflow-y: auto; /* 如果需要的话，保持滚动 */  
}  
